<script>
export default {
  name: "BottomTab",
  data() {
    return{
      active: this.$route.name
    }
  },
}
</script>

<template>
  <van-tabbar v-model="active">
    <van-tabbar-item to="/" name="index" icon="home-o">首页</van-tabbar-item>
    <van-tabbar-item to="/type" name="type" icon="apps-o">分类</van-tabbar-item>
    <van-tabbar-item to="/cart" name="cart" icon="cart-o">购物车</van-tabbar-item>
    <van-tabbar-item to="/my" name="my" icon="user-circle-o">我的</van-tabbar-item>
  </van-tabbar>
</template>

<style scoped>

</style>